<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!--本页面主要用于演示常用样式属性-->
		<link href="css/2.css" rel="stylesheet" />
	</head>
	<body>
		<p>这里用来演示字体样式</p>
		<p id="p2">这是用来演示字体样式</p>
		<p id="p3">ASdddDFASDFS</p>
	    <div class="div2">
		    <p id="p4">asdfasdfasf阿斯蒂芬</p>
	    </div>
		
		<p class="p33" style="">
			第一行<br />
			第二行<br />
			第三行<br />
			show me the money!!!
		</p>
		<div class="p44">
			德风古道乃
			中央最高威权所在，背后有昊正五道坐镇，顾守儒门内部最高的机密。而五道之上，第一优先出场的代表角色，无疑最为重要，因为这角色决定着整个昊正五道与德风古道给观众的印象与期待。从单锋罪者的悬案开始，德风古道便陷入了追查嫌犯，却无计可施的困境。玉离经身为一方主事，不能轻易动手。而借着这样的过程中，无疑成了法儒无私登场的最佳时机。最早法儒无私确实是用来帮大家挡子弹，而最后会被阴谋家针对牺牲的角色。那时候编剧还跟造型师沟通，这个角色生命可能不长，但却会一定很灿烂。但是却没想到，当法儒无私踏入武林开始，一切都改变了。要说编剧总是替角色创造命运，这次却是编剧被角色的气质牵着鼻子走
		</div>
		<blockquote>
asdfasdf <br />
asdfsdsdf
			sdfsdffs
			ffff
		</blockquote>
		<!--以标签内文本的原格式输出到页面-->
		<pre>
	asdfasdfasfffffffffffsdfsdfsdf asdfasdf
	   asdfasdfasf
	font-effect
	safds
	
	white-space: pre;
	white-space: pre;
	white-space: pre;
			white-space: pre;
			white-space: pre;white-space: pre;white-space: pre;white-space: pre;white-space: pre;
			
			white-space: pre;white-space: pre;
			white-space: pre;
		</pre>
		
		<div class="p55">
			asdddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd
		</div>
		
 			<input type="text" value="333" />
			<input type="button" value="提交" />
        
		<ul>
			<li>44444</li>
			<li>5555</li>
			<li>33334</li>
		</ul>
		
		<ol>
			<li>aaaa</li>
			<li>bbb</li>
			<li>eee</li>
		</ol>
		
		<table>
			<caption align="left">阿斯顿发斯蒂芬</caption>
			<tr>
				<th>姓名</th>
				<th>年龄</th>
				<th>身高</th>
			</tr>
			<tr>
				<td>张自力</td>
				<td>33</td>
				<td>172cm</td>
			</tr>
			<tr>
				<td>张自力</td>
				<td>33</td>
				<td>172cm</td>
			</tr>
			<tr>
				<td>张自力</td>
				<td></td>
				<td>172cm</td>
			</tr>
			
		</table>
	</body>
</html>
